<template>
	<view>
		<view class="listPart" v-for="item in list" @click="goDetail(item)">
			<view style="text-align: center;">
				{{item.date}}
			</view>
			<view class="box" >
				<view style="font-size: 32rpx;">
					{{item.title}}
				</view>
				<view>
					<image src="https://pxhuodong.oss-cn-beijing.aliyuncs.com/ibuycar/swiper/message.png" style="width: 100%;" mode="widthFix"></image>
				</view>
				<view class="_flex _justify_between" style="padding: 30rpx 0 10rpx;border-top: 1px solid #ccc;">
					<view class="">
						阅读全文
					</view>
					 <view class="">
					 	<u-icon name="arrow-right"></u-icon>
					 </view>
				</view>
			</view>
		</view>
		<view style="text-align: center;">
			仅展示近1个月的消息
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						date:'6月29日 14:20',
						title:'手把手教你如何识别车辆高低配，95%的车贩子都在用，这波操作稳了！'
					},
				]
			}
		},
		methods: {
			goDetail(item){
				// if(item.content===''){
				// 	uni.navigateTo({
				// 		url:'./carSourceRecommendation?title='+ item.title,
						
				// 	})
				// }
			}
		},
		onLoad(data){
			uni.setNavigationBarTitle({
				title:data.title
			})
		}
	}
</script>

<style scoped>
	.listPart{
		padding: 26rpx 24rpx;
		border-bottom: 1px solid #eee;
	}
	.box{
		margin: 20rpx 20rpx;
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 20rpx 20rpx;
	}
</style>
